<template>
	<view>
		<view class="qrimg">
			<view class="qrimg-i">
				<tki-qrcode 
				v-if="ifShow" 
				cid="qrcode1" 
				ref="qrcode" 
				:val="val" 
				:size="size" 
				:unit="unit" 
				:background="background" 
				:foreground="foreground" 
				:pdground="pdground" 
				:icon="icon" 
				:iconSize="iconsize" 
				:lv="lv" :onval="onval" 
				:loadMake="loadMake" 
				:usingComponents="true" 
				 />
			</view>
		 
		</view>
	</view>
</template>

<script>
import { mapState } from 'vuex';
import tkiQrcode from '@/components/tki-qrcode/tki-qrcode.vue'
import qs from "qs"
	export default {
		components: {
			tkiQrcode
		},
		data() {
			return {
				carNum:"",
				ifShow: false,
				val: '二维码', // 要生成的二维码值
				size: 700, // 二维码大小
				unit: 'upx', // 单位
				background: '#ffffff', // 背景色
				foreground: '#000000', // 前景色
				pdground: '#000000', // 角标色
				icon: '', // 二维码图标
				iconsize: 40, // 二维码图标大小
				lv: 3, // 二维码容错级别 ， 一般不用设置，默认就行
				onval: false, // val值变化时自动重新生成二维码
				loadMake: true, // 组件加载完成后自动生成二维码
				src: '' // 二维码生成后的图片地址或base64
			}
		},
		methods: {
			
		},
		computed: {
			...mapState('account', ['token', 'userInfo'])
		},
		onLoad() {
			uni.showLoading({
				title:'二维码生成中'
			})
			setTimeout(()=>{
				let data = {
					openid:this.userInfo.wx_h5_openid
				}
				this.val = JSON.stringify(data);
				this.ifShow = true;
				uni.hideLoading()
			},1000)
		}
	}
</script>

<style>

</style>
